<!-- 封装一个小程序返回导航 -->
<template>
    <view>
        <view class="header" style="background: url('@/static/sign/signBg.png');background-size: 100%;">
            <view class="header-left">
                <view class="header-left-icon" @click="goBack">
                    <uni-icons type="left" size="24" color="#333"></uni-icons>
                </view>
            </view>
        </view>
    </view>
    
</template>

<script setup lang="ts">
import { ref } from 'vue'
defineProps({
    title: {
        type: String,
        default: ''
    }
})

const goBack = () => {
    uni.navigateBack({
        delta: 1
    })
}
</script>

<style scoped lang="scss">
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;padding-top: var(--status-bar-height);
    height: 100rpx;
    z-index: 9999;
    .header-left {
        height: 100rpx;padding: 0 30rpx;
        line-height: 100rpx;
        .header-left-icon {
            height: 100rpx;
            line-height: 100rpx;
            font-size: 30rpx;
            color: #000;
        }
    }
}
</style>

